<HTML>
    <HEAD>
        <TITLE>
            Lapplication de styles dynamiques
        </TITLE>

        <SCRIPT LANGUAGE=JavaScript>
            var XMLDocument;
            var XSLDocument;
            var HTMLtarget;

            function initialize() 
            {
                XMLDocument = new ActiveXObject(MSXML2.DOMDocument.3.0);
                XSLDocument = new ActiveXObject(MSXML2.DOMDocument.3.0);
                HTMLtarget = document.all[targetDIV];

                XMLDocument.validateOnParse = true;
                XMLDocument.load(planetes.xml);
                if (XMLDocument.parseError.errorCode != 0) {
                    HTMLtarget.innerHTML = Erreur!
                    return false;
                }

                XSLDocument.validateOnParse = true;
                XSLDocument.load(planetes.xsl);
                if (XSLDocument.parseError.errorCode != 0) {
                    HTMLtarget.innerHTML = Erreur!
                    return false;
                }
                HTMLtarget.innerHTML = XMLDocument.transformNode(XSLDocument);
            }

            function sort(sortNode) 
            {
                (XSLDocument.selectSingleNode(//xsl:sort/@select)).nodeValue = sortNode;
                HTMLtarget.innerHTML = XMLDocument.transformNode(XSLDocument);
            }
        </SCRIPT>
    </HEAD>

    <BODY ONLOAD=initialize()>
        <CENTER>

           <DIV ID=targetDIV></div>
           <BR>
           <BR>

           <INPUT TYPE=BUTTON ONCLICK=sort(NOM) VALUE=Classer par nom></INPUT>
           <INPUT TYPE=BUTTON ONCLICK=sort(MASSE) VALUE=Classer par masse></INPUT>
           <INPUT TYPE=BUTTON ONCLICK=sort(RAYON) VALUE=Classer par rayon></INPUT>
           <INPUT TYPE=BUTTON ONCLICK=sort(JOUR) VALUE=Classer par jour></INPUT>

        </CENTER>
    </BODY>
</HTML>
